@include mmaedia("mob") {
    header {
        width: 100%;
        height: 3.125rem;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 999;
        overflow: hidden;

        .logo_boxx {
            box-sizing: border-box;
            width: 100%;
            height: 100%;

            .logo_box {
                width: 100%;
                height: 100%;
                background-color: $white;

                @include flex("") {
                    justify-content: flex-start;
                }

                padding: 0 .9375rem;
                box-sizing: border-box;

                .letf_logo_box {
                    height: 2.1875rem;
                    width: 11.25rem;
                    animation: left_to_center 0.5s linear;
                    img {
                        width: 100%;
                        height: 100%;
                    }

                    .left_logo_title {
                        height: 4.875rem;
                        margin-left: 1.125rem;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;

                        h1 {
                            font-family: SourceHanSerifCN;
                            // font-weight: 800;
                            font-size: 2rem;
                            color: #333333;
                        }

                        p {
                            padding: .3125rem 0;
                            width: 19.75rem;
                            font-family: SourceHanSerifCN;
                            font-weight: 300;
                            font-size: .625rem;
                            text-align: justify;
                            text-align-last: justify;
                            letter-spacing: 3PX;
                            color: #999999;
                        }
                    }
                }

                .vip_ent {
                    width: 3.125rem;
                    height: 1.25rem;

                    @include flex("") {}

                    color: $white;
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: .5rem;
                    background-color: $purple_2;
                    margin-left: 1.25rem;
                    animation: top_to_center 0.5s linear;
                }

                .menu_btn {
                    margin-left: auto;
                    animation: right_to_center 0.5s linear;

                    img {
                        width: 1.25rem;
                        height: 1.25rem;
                    }
                }

            }
        }

        .nav_box {
            width: 100%;

            .nav_list_box {
                position: fixed;
                top: 3.125rem;
                right: .625rem;
                z-index: 999;
                background-color: #293446;

                li {
                    font-family: SourceHanSansSC;
                    font-weight: 400;
                    font-size: .75rem;
                    color: #FFFFFF;
                    line-height: 3.125rem;
                    text-align: left;
                    padding-left: 1.25rem;
                    padding-right: 3.75rem;
                    border-bottom: .0625rem solid #666;
                }

                li:active {
                    background-color: #FFFFFF;
                    color: #293446;
                }

                // .sel{
                //     background-color: #FFFFFF;
                //     color: #293446;
                // }
            }

            .hider {
                display: none;
            }


        }

    }

}